{% load staticfiles %}

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="meta, search, engine, BING, Blekko, EntireWeb, aggregated, cluster, {% block metakeywords%}placeholder{% endblock %}" />
    <meta name="description" content="{% block metadescription %}placeholder{% endblock %}" />

    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="{% static 'metasearch/script.js' %}"></script>
    {% block local_head_script %}{% endblock %}
    
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="{% static 'metasearch/style.css' %}" />
    {% block local_head_style %}{% endblock %}
    
    <title>{% block title %}Template Page{% endblock %}</title>
  </head>

  <body>
    <div class="container">

      <div id="content">
      {% block content %}
        <h1>content placeholder</h1>
      {% endblock %}
      </div>

      <footer id="footer">
        <p class="text-center">
          <a href="{% url 'metasearch:start' %}">START</a>&nbsp;&nbsp;&nbsp;
          <a href="{% url 'metasearch:about' %}">ABOUT</a>&nbsp;&nbsp;&nbsp;
          <a href="{% url 'metasearch:help' %}">HELP</a>&nbsp;&nbsp;&nbsp;
          <a href="mailto:zeyanglin2013@gmail.com?subject=Feedback">FEEDBACK</a>          
        </p>
        <p class="text-center">
          Zeyang Lin&nbsp;&copy;&nbsp;2013&nbsp;&nbsp;
          <a href="http://www.linkedin.com/in/zeyanglin" target="_blank"><img src="{% static 'metasearch/images/linkedin.png'%}" alt="LinkedIn" /></a>&nbsp;&nbsp;&nbsp;
          <a href="https://github.com/linzeyang" target="_blank"><img src="{% static 'metasearch/images/github.png'%}" alt="Github" /></a>&nbsp;&nbsp;&nbsp;
          <a href="https://twitter.com/zeyanglin" target="_blank"><img src="{% static 'metasearch/images/twitter.png'%}" alt="Twitter" /></a>&nbsp;&nbsp;&nbsp;
          <a href="https://www.facebook.com/linzeyang" target="_blank"><img src="{% static 'metasearch/images/facebook.png'%}" alt="Facebook" /></a><br />
        </p>
        <p class="text-center">Powered by <a href="https://www.djangoproject.com" target="_blank">Django</a></p>
      </footer>

    </div>

    {% block local_body_script %}
    <script>
      $( document ).ready( onReady );
    </script>
    {% endblock %}
  </body>
</html>